<!DOCTYPE html>
<!--
 *  Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.
 *
 *  Use of this source code is governed by a BSD-style license
 *  that can be found in the LICENSE file in the root of the source
 *  tree.
-->
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">
    <meta id="theme-color" name="theme-color" content="#ffffff">
    <base target="_blank">
    <title>联信UMWebRTC视频演示</title>
    <link rel="stylesheet" href="./css/group_call.css">
    <link rel="icon" href="./img/um.png">
    <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
    <script src="./js/NoSleep.min.js"></script>
</head>

<body>
    <div class="jsmpeg" data-url="video.ts"></div>
    <div class="enter_box" id="enterBox">
        <div class="enter_fa">
            <div class="enter" id="enter_son">
                <div class="title" id="title">联信UMWebRTC·做世界最小最简便的视频服务器</div>
                <div class="radioBox">
                    <input type="radio" name="IsIndex" id="calltypeau" value="语音通话" checked />
                    <label for="calltypeau">语音通话</label>
                    <input type="radio" name="IsIndex" id="calltypevi" value="视频通话" /> 
                    <label class="sec-la" for="calltypevi">视频会议</label>
                </div>
                <input class="room_num" id="roomInput" type="text" placeholder="请输入会议号" />
                <input type="password" class="room_num" id="roomPwd" placeholder="请输入会议密码">
                <button class="join_btn" id="joinRoom">进入会议</button>
                <div class="create_box">
                    <span class="createUrl" id="createURL">生成分享链接</span>
                </div>
                <div id="qrcodeBox">
                    <div class="md5_qrcodeBox">
                        <div class="tips" id="md5_tips">
                        </div>
                        <div id="md5_qrcode" class="md5_qrcode">
                        </div>
                    </div>
                    <div class="name_pwd_qrcodeBox">
                        <div class="tips another" id="name_pwd_tips"></div>
                        <div id="name_pwd_qrcode" class="name_pwd_qrcode">
                        </div>
                    </div>
                </div>
                <div id="defaultQrcode">
                </div>
                <div id="defaultLink"></div>
                <div style="text-align: center;margin-top: 10px;">
                    <a href="#" id="help" style="color: #333;">帮助中心</a>
                </div>
            </div>
        </div>
    </div>
    <div class="box">
        <div id="local_video">
            <div class="video_box">
                <video id="local" autoplay playsinline muted></video>
                <div id="remotes">
                </div>
            </div>
        </div>
    </div>
    <div class="function_list_box">
        <div class="function_list">
            <ul class="function_ul">
                <li class="qrcode">
                    <img src="./img/qrcode.png" alt="" id="qrcode">
                    <div class="cl_big_qrcode" id="cl_big_qrcode" style="display: none;">
                       <div class="click_qrcode" id="click_qrcode"></div>
                        <div class="sanjiao_down"></div>
                    </div>
                </li>
                <li class="control_audio" id="control_audio_box">
                    <img src="./img/start_audio.png" alt="" id="control_audio">
                </li>
                <li class="voice">
                    <img src="./img/start_voice.png" alt="" id="control_voice">
                </li>
                <li class="control_video" id="control_video_box">
                    <img src="./img/start_video.png" alt="" id="control_video">
                </li>
                <li class="exit">
                    <button id="hungup">退出</button>
                </li>
            </ul>
        </div>
    </div>
    <button id="btn"></button>
</body>
<script src="./js/umvideo.js"></script>
<script src="./js/group_call_room.js"></script>
</html>
